<template>
  <view class="popup">
    <up-popup
      :show="show"
      mode="bottom"
      :closeable="true"
      @close="close"
      @open="open"
    >
      <view class="content"> </view>
    </up-popup>
  </view>
</template>

<script setup>
import {
  reactive,
  ref,
  nextTick,
  computed,
  onMounted,
  watch,
  watchEffect,
} from "vue";
import BasicConfig from "@/utils/config";
import errorCode from "@/utils/http/errorCode";
const $emit = defineEmits(["update:show", "close"]);
const $props = defineProps({
  show: {
    type: Boolean,
    default: false,
  },
});
const $data = reactive({});
const close = () => {
  $emit("update:show", false);
};
const open = () => {};
</script>
<script>
// 小程序穿透
export default {
  options: { styleIsolation: "shared" },
};
</script>
<style lang="scss" scoped>
.popup {
  ::v-deep .u-popup__content {
    border-radius: 30rpx 30rpx 0 0 !important;
    // height: 52vh;
    height: auto;
  }
  .content {
    background: #ffffff;
    border-radius: 30rpx 30rpx 0 0;
    height: 100%;
  }
}
</style>
